<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/10/19 0019
  Time: 19:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="cityName" value="${cityName}"/>
<c:set var="loginCustomer" value="${loginCustomer}"/>
<html>
<head>
    <meta charset="UTF-8">
    <title>向家网</title>
    <link rel="icon" href="${pageContext.request.contextPath}/images/home.ico" type="image/x-ico" />

    <script src="${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link href="${pageContext.request.contextPath}/dist/css/bootstrap.css" rel="stylesheet">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link href="${pageContext.request.contextPath}/dist/css/bootstrap-theme.css" rel="stylesheet">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="${pageContext.request.contextPath}/dist/js/bootstrap.js"></script>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/commen-header.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/hotel_commen.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/hotel_list.css">

    <!--layui-->
    <link href="${pageContext.request.contextPath}/layui/css/layui.css" rel="stylesheet">
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/modules/layui-icon-extend/iconfont.css">

    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/page.css">

</head>
<body>
<div class="all-context">
    <div class="header">
        <div class="header-logo">
            <a href="../index.jsp"><img src="../images/logo.png"></a>
            <div class="header-bar">
                <ul class="layui-nav" lay-filter="">
                    <li class="layui-nav-item">
                        <a><div><span>今日活动</span></div></a>
                    </li>

                    <li class="layui-nav-item">
                        <a href="../customer/wishlist.jsp"><div><span>心愿单</span></div></a>
                    </li>

                    <li class="layui-nav-item">
                        <a><div><span>消息</span></div></a>
                    </li>

                    <li class="layui-nav-item">
                        <a><div><span>帮助</span></div></a>
                    </li>

                    <c:choose>
                        <c:when test="${!empty loginCustomer}">
                            <li class="layui-nav-item">
                                <a class="custImg" href=""><img id="image" src="" class="layui-nav-img">我</a>
                                <dl class="layui-nav-child">
                                    <dd><a href="javascript:;">修改信息</a></dd>
                                    <dd><a href="javascript:;">礼券中心</a></dd>
                                    <dd><a href="javascript:;">历史足迹</a></dd>
                                    <dd><a href="javascript:;" class="out-login" >退出登录</a></dd>
                                </dl>
                            </li>
                        </c:when>
                        <c:otherwise>
                            <li class="layui-nav-item">
                                <a href="../customer/register.jsp"><div><span>注册</span></div></a>
                            </li>
                            <li class="layui-nav-item">
                                <a href="../customer/login.jsp"><div><span>登录</span></div></a>
                            </li>
                        </c:otherwise>
                    </c:choose>


                </ul>

                <script>
                    //注意：导航 依赖 element 模块，否则无法进行功能性操作
                    layui.use('element', function(){
                        var element = layui.element;

                        //…
                    });
                </script>

            </div>
        </div>
    </div>

    <div id="body">
        <div id="body-searchers">
            <div id="body-search1">
                <div id="mini-h2" >境内外特价搜不停</div>
                <form>
                    <ul>
                        <li>
                            <span class="body-search1-p" style="font-size: 15px; font-family: 'Adobe 宋体 Std L'">目的地/住宿名称</span>
                            <input type="text" class="body-search1-p">
                        </li>
                        <li>
                            <span class="body-search1-p" style="font-size: 15px; font-family: 'Adobe 宋体 Std L'">入住日期</span>
                            <input type="date" class="body-search1-p">
                        </li>
                        <li>
                            <span class="body-search1-p" style="font-size: 15px; font-family: 'Adobe 宋体 Std L'">退房日期</span>
                            <input type="date" class="body-search1-p">
                        </li>

                        <li><select class="body-search1-q">
                            <option>1位成人</option>
                            <option>2位成人</option>
                            <option>3位成人</option>
                            <option>4位成人</option>
                            <option>5位成人</option>
                            <option>6位成人</option>
                        </select></li>

                        <li><select class="body-search1-q">
                            <option>无儿童</option>
                            <option>1位儿童</option>
                            <option>2位儿童</option>
                            <option>3位儿童</option>
                            <option>4位儿童</option>
                            <option>5位儿童</option>
                            <option>6位儿童</option>
                        </select></li>

                        <li><select class="body-search1-q">
                            <option>1间房</option>
                            <option>2间房</option>
                            <option>3间房</option>
                            <option>4间房</option>
                            <option>5间房</option>
                            <option>6间房</option>
                        </select></li>

                        <input type="button" value="搜特价" id="body-search1-commit">
                    </ul>
                </form>
            </div>
            <div id="body-search2">
                <div id="body-search2-header">
                    <h3>缩小搜索范围</h3>
                </div>
                <div id="body-search2-body">
                    <h3>您的预算</h3>
                    <ul>
                        <li>
                            <input type="radio" name="price">
                            <span>0元 - 396元 (每晚)</span>
                        </li>
                        <li>
                            <input type="radio" name="price">
                            <span>396元 - 792元 (每晚)</span>
                        </li>
                        <li>
                            <input type="radio" name="price">
                            <span>792元 - 1180元 (每晚)</span>
                        </li>
                        <li>
                            <input type="radio" name="price">
                            <span>1180元 - 1580元 (每晚)</span>
                        </li>
                        <li>
                            <input type="radio" name="price">
                            <span>1580元+ (每晚)</span>
                        </li>

                    </ul>

                </div>
                <div id="body-search3-body" name="leval">
                    <h3>住宿评级</h3>
                    <ul>
                        <li>
                            <input type="radio" name="leval">
                            <span>实惠型</span>
                        </li>
                        <li>
                            <input type="radio" name="leval">
                            <span>经济型</span>
                        </li>
                        <li>
                            <input type="radio" name="leval">
                            <span>舒适型</span>
                        </li>
                        <li>
                            <input type="radio" name="leval">
                            <span>豪华型</span>
                        </li>
                        <li>
                            <input type="radio" name="leval">
                            <span>尊贵型</span>
                        </li>

                    </ul>
                </div>
                <div id="body-search4-body">
                    <h3>住宿主题</h3>
                    <ul>
                        <li>
                            <input type="radio" name="theme">
                            <span>自然风光</span>
                        </li>
                        <li>
                            <input type="radio" name="theme">
                            <span>历史文化</span>
                        </li>
                        <li>
                            <input type="radio" name="theme">
                            <span>时尚精品</span>
                        </li>
                        <li>
                            <input type="radio" name="theme">
                            <span>名人文化</span>
                        </li>
                        <li>
                            <input type="radio" name="theme">
                            <span>艺术特色</span >
                        </li>

                    </ul>
                </div>
                <div id="body-search5-body">
                    <h3>评分</h3>
                    <ul>
                        <li>
                            <input type="radio" name="score">
                            <span>好极了 ：9分以上</span>
                        </li>
                        <li>
                            <input type="radio" name="score">
                            <span>非常好 ：8分以上</span>
                        </li>
                        <li>
                            <input type="radio" name="score">
                            <span>好 ：7分以上</span>
                        </li>
                        <li>
                            <input type="radio" name="score">
                            <span>令人愉悦 ：6分以上</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="body-context">
            <div class="city-name"><h2 id="cityName">${cityName}</h2></div>
            <div class="sout-map"><a href="" style="font-size: 15px">地图浏览</a></div>
            <ul class="body-context-ul">

            </ul>

            <div style="text-align: center;">
                <div id="pager" class="pager clearfix">
                </div>
            </div>
            <script src="../js/jquery.z-pager.js"></script>
            <script type="text/javascript">
                $("#pager").zPager({
                    totalData: 50,
                    htmlBox: $('#wraper'),
                    btnShow: true,
                    ajaxSetData: false
                });
                function currentPage(currentPage){
                    /*
                        触发页码数位置： Page/js/jquery.z-pager.js 64行
                    */
                    console.log("当前页码数：" + currentPage);
                }
            </script>

        </div>

    </div>
</div>
<script type="text/javascript">
    var cityName = "${cityName}"
    var loginCustomer = "${loginCustomer}"

</script>
<script src="${pageContext.request.contextPath}/js/hotel_list.js"></script>
</body>
</html>
